<!DOCTYPE html>
<!-- saved from url=(0073)http://demo.mxyhn.xyz:8020/cssthemes6/1.12ZF27/tgls/agent/agent_list.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
		<meta name="renderer" content="webkit">
		<!--国产浏览器高速模式-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="author" content="Mr. Yao">
		<!-- 作者 -->
		<meta name="revised" content="Yao.v1, 2018/02/27">
		<!-- 定义页面的最新版本 -->
		<meta name="description" content="网站简介">
		<!-- 网站简介 -->
		<meta name="keywords" content="搜索关键字，以半角英文逗号隔开">
		<title>XXX出品</title>

		<!-- 公共样式 开始 -->
		<link rel="stylesheet" type="text/css" href="./agent_list_files/base.css">
		<link rel="stylesheet" type="text/css" href="./agent_list_files/iconfont.css">
		<script type="text/javascript" src="./agent_list_files/jquery-1.11.3.min.js.下载"></script>
		<link rel="stylesheet" type="text/css" href="./agent_list_files/layui.css">
		<script type="text/javascript" src="./agent_list_files/layui.js.下载"></script>
		<!-- 滚动条插件 -->
		<link rel="stylesheet" type="text/css" href="./agent_list_files/jquery.mCustomScrollbar.css">
		<script src="./agent_list_files/jquery-ui-1.10.4.min.js.下载"></script>
		<script src="./agent_list_files/jquery.mousewheel.min.js.下载"></script>
		<script src="./agent_list_files/jquery.mCustomScrollbar.min.js.下载"></script>
		<script src="./agent_list_files/cframe.js.下载"></script><!-- 仅供所有子页面使用 -->
		<!-- 公共样式 结束 -->

	<link id="layuicss-layer" rel="stylesheet" href="./agent_list_files/layer.css" media="all"></head>

	<body>
		<div class="cBody">
			<div class="console">
				<form class="layui-form" action="http://demo.mxyhn.xyz:8020/cssthemes6/1.12ZF27/tgls/agent/agent_list.html">
					<div class="layui-form-item">
						<div class="layui-input-inline">
							<input type="text" name="name" required="" lay-verify="required" placeholder="输入代理商名称" autocomplete="off" class="layui-input">
						</div>
						<button class="layui-btn" lay-submit="" lay-filter="formDemo">检索</button>
					</div>
				</form>

				<script>
					layui.use('form', function() {
						var form = layui.form;
				
						//监听提交
						form.on('submit(formDemo)', function(data) {
							layer.msg(JSON.stringify(data.field));
							return false;
						});
					});
				</script>
			</div>
			
			<table class="layui-table">
				<thead>
					<tr>
						<th>代理商名称</th>
						<th>代理商编码</th>
						<th>所属区域</th>
						<th>负责人</th>
						<th>登录名</th>
						<th>联系方式</th>
						<th>传真</th>
						<th>邮箱</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>XXX</td>
						<td>DLS201802281450280741</td>
						<td>无锡市</td>
						<td>XXX</td>
						<td>XXX</td>
						<td>18600001111</td>
						<td>028-6666666</td>
						<td>123456789@qq.com</td>
						<td>
							<button class="layui-btn layui-btn-xs">修改</button>
							<button class="layui-btn layui-btn-xs">基本信息</button>
						</td>
					</tr>
					<tr>
						<td>XXX</td>
						<td>DLS201802281450280741</td>
						<td>无锡市</td>
						<td>XXX</td>
						<td>XXX</td>
						<td>18600001111</td>
						<td>028-6666666</td>
						<td>123456789@qq.com</td>
						<td>
							<button class="layui-btn layui-btn-xs">修改</button>
							<button class="layui-btn layui-btn-xs">基本信息</button>
						</td>
					</tr>
					<tr>
						<td>XXX</td>
						<td>DLS201802281450280741</td>
						<td>无锡市</td>
						<td>XXX</td>
						<td>XXX</td>
						<td>18600001111</td>
						<td>028-6666666</td>
						<td>123456789@qq.com</td>
						<td>
							<button class="layui-btn layui-btn-xs">修改</button>
							<button class="layui-btn layui-btn-xs">基本信息</button>
						</td>
					</tr>
				</tbody>
			</table>
			
			<!-- layUI 分页模块 -->
			<div id="pages"><div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1"><span class="layui-laypage-count">共 100 条</span><a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a><span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;" data-page="2">2</a><a href="javascript:;" data-page="3">3</a><a href="javascript:;" data-page="4">4</a><a href="javascript:;" data-page="5">5</a><span class="layui-laypage-spr">…</span><a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">10</a><a href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a><span class="layui-laypage-limits"><select lay-ignore=""><option value="10" selected="">10 条/页</option><option value="20">20 条/页</option><option value="30">30 条/页</option><option value="40">40 条/页</option><option value="50">50 条/页</option></select></span><span class="layui-laypage-skip">到第<input type="text" min="1" value="1" class="layui-input">页<button type="button" class="layui-laypage-btn">确定</button></span></div></div>
			<script>
				layui.use(['laypage', 'layer'], function() {
					var laypage = layui.laypage,
						layer = layui.layer;
				
					//总页数大于页码总数
					laypage.render({
					    elem: 'pages'
					    ,count: 100
					    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
					    ,jump: function(obj){
					      console.log(obj)
					    }
					});
				});
			</script>
		</div>
	

</body></html>